<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
html,body{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
#app {
  font-family: "Microsoft YaHei",'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  height: 100%;
}
.dg-main-content{
  width: 80%;
}
.dg-pull-right{
  float: none;
}
.dg-content-footer{
  text-align: center;
}
.dg-main-content{
  padding-top: 30px;
}
.dg-content{
  font-size: 18px;
}
.dg-btn--ok{  
    border:0; 
    width: 100px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: #6dc900;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    border-radius: 20px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.dg-content-body{
  border-bottom: 1px solid #e1e6ea;
}
</style>
